<template>
	<div>
		<flexbox orient="vertical">
		<flexbox-item >
  		<yd-cell-group>
	        <yd-cell-item>
	            <span slot="left">持卡人：</span>
	            <yd-input slot="right" required v-model="name" max="20" ></yd-input>
	        </yd-cell-item>
	        <yd-cell-item>
            <span slot="left">银行卡号：</span>
	            <yd-input slot="right" v-model="card" regex="bankcard" placeholder="请输入银行卡号"></yd-input>
	        </yd-cell-item>
	    </yd-cell-group>

	    </flexbox-item>

	    <flexbox-item>
			<yd-button size="large" type="primary" @click.native="edit">
				保存
			</yd-button>

			<yd-button size="large" type="danger" @click.native="edit">
				删除
			</yd-button>
		</flexbox-item>

	    </flexbox>
  		
	</div>
</template>

<script>

import { mapGetters } from 'vuex';

export default {
	name: 'test',
		data () {
		return {
		  	'name' : '',
		  	'card' : '',
		}
	},

	computed : {
		...mapGetters([
			'company_code', 
			'userdata',
		]),

		
	},

	methods : {
		

	},

	mounted () {
		
		
	}
}
</script>

<style scoped>


</style>
